<template>
    <div class='box'>
        <h1>{{msg}}</h1>
        <HeaderNav></HeaderNav>
    </div>
</template>

<script>
import HeaderNav from './Header/HeaderNav.vue'
    export default {
        name:'Header',
        data(){
            return {
                msg:'这是Header组件.'
            }
        },
        components:{
            HeaderNav
        }
    }
</script>

<style>
    .box{
        width:300px;
        height:100px;
        background-color:pink;
    }
</style>
